<template>
  <div class="about_frame">
    <el-row>
      <el-col :span="6" :offset="8" class="about_title"
        ><h2>云顶之译</h2></el-col>
    </el-row>
    <el-row><el-col :span="9" :offset="5"><el-image src="../assets/website.svg"></el-image></el-col></el-row>
    <el-row>
        <el-col :span="4" :offset="6"> <el-link type="primary">仓库地址</el-link></el-col>
        <el-col :span="4" :offset="2"> <el-link type="primary">网站首页</el-link></el-col>
        </el-row>
        <el-row style="margin-top:5%;font-size: medium;">
            <el-col :span="8" :offset="7" class="powerby"><span>powered by 雨滴 小周同学</span></el-col>
        </el-row>
  </div>
</template>

<script>
export default {
  name: "About",
};
</script>

<style scoped>
.about_frame {
  float: left;
  width: 89%;
  height: 100%;
}
.about_title {
  background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.powerby{
    background-image: linear-gradient( 135deg, #5EFCE8 10%, #736EFE 100%);
    background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
</style>